<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第二篇博客</title>
    <style>
        pre{
            font: inherit;

        }
    </style>
</head>
<body>
    <h1>HTML入门笔记1</h1>

    <section>
        <h2>1.HTML是谁发明的? </h2>
            <p>
               <ul>
                   <li>HTML是由Tim Berners-Lee(李爵士)发明的。</li>
               </ul>         
            </p>
       
    
    <section>
        

        
        <h2>2.HTML起手应该写什么?</h2>
                <ul>
                    <li>HTML的起手是:快捷键 Tab+!,表现出来如下:</li>
                </ul>
                <pre>
<code>
    !DOCTYPE html
    html lang="en"
    head
    meta charset="UTF-8"
    meta http-equiv="X-UA-Compatible" content="IE=edge"
    meta name="viewport" content="width=device-width, initial-scale=1.0"
    title Document /title
    /head
    body
    
    /body
    /html
</code>
</pre>         
<section>
    <h2>
        3.常用的表章节的标签有哪些?分别是什么意思?
    </h2>
    <ol>
        <li>标题: h1-h6</li>
        <li>章节: section</li>
        <li>文章: article</li>
        <li>段落: p</li>
        <li>头部: header</li>
        <li>脚部: footer</li>
        <li>主要内容: main</li>
        <li>旁支内容: aside</li>
        <li>划分: div</li>
    </ol>
 <section>
     <h2> 4.全局属性有哪些? </h2>
         <ul>
             <li>calss:用来给元素归类</li>
             <li>contenteditable:让用户能够修改页面上的内容</li>
             <li>hidden:隐藏相关元素</li>
             <li>id:全局唯一，不到万不得已不能使用，不会报错</li>
             <li>style:html的属性,不是css样式,也可以用js设置,会覆盖掉html的style</li>
             <li>tabindex:控制Tab键访问页面,可以是0.可以是任意数字,可以是-1</li>
             <li>title:用来显示完整的内容</li>
         </ul>
<section>
    <h2>常用的内容标签有哪些?</h2>
    <ol>
        <li>ol+li:有序列表</li>
        <li>ul+li:无序列表</li>
        <li>dl+dt+dd:dl是描述的列表,dt是描述的对象,dd是描述的内容</li>
        <li>pre:显示文本中的空白符,如果想保留空格,可以用pre把内容 包裹起来</li>
        <li>hr:分割线</li>
        <li>br:用于强制换行</li>
        <li>a:用来超链接</li>
        <li>em:强调(语气),默认样式为斜体</li>
        <li>strong:强调重要(内容本身)，默认样式加粗</li>
        <li>code:包裹字体，用来在里面写代码</li>
        <li>q(quote):内容引用</li>
        <li>blockquote:块级引用，换行引用</li>
    </ol>
</section>    
 </section>   
</section>
    </section>
</section>

</body>
</html>